@import url(https://fonts.googleapis.com/css?family=Ubuntu:500,400);

/*
@author:	Erik Andersson
@date:		2011-04-05

--------------------------------------
Structure:
--------------------------------------

=Font faces
=Base blocks
=Common classes
=Navigation
=Layout
=Forms
=Modules and Content
=Liferay Portlets
=Custom Portlets
=Articles
=Debugging
=Sandbox

--------------------------------------
COLORS:
--------------------------------------

VGR Blue				#005095
VGR Blue semi-light		#06579c
VGR Blue light			#2e71a8
--------------------------------------
TODO
--------------------------------------

* Move booking portlet styling from sandbox to portlet category

*/

/*----------------------------------------------------------------------
=Font faces
----------------------------------------------------------------------*/

/*----------------------------------------------------------------------
=Base blocks
----------------------------------------------------------------------*/

/*------- html and body -------*/

body {
    background: #fff;
    color: #333;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

/*------- wrapper -------*/

#wrapper {
    background: none;
    margin: 0 auto;
    width: 100%;
    position: relative;
    /*overflow: auto;*/
    overflow-x: hidden;
    overflow-y: hidden;
}

.ie6 #wrapper {
}

#banner,
#content,
#footer {
    margin: 0;
    padding: 0 40px;
    /*min-width: 960px;*/
}

/*------- banner (header) -------*/

#heading {
    margin: 10px 0;
}

.company-title {
    position: relative;
}

.company-title,
#banner .company-title .logo {
    display: block;
    float: left;
    margin: 0;
    width: 159px;
}

/* Add width to cater for additional logo title */
.company-title {
    width: 220px;
}

.top-navigation {
    float: none;
    margin: 0 0 0 180px;
    position: relative;
}

#banner .company-title .logo {
    background: url(../images/logo/rp-logo.png) 0 0 no-repeat;
    font-size: 0;
    height: 23px;
    text-indent: -9999em;
}

#banner .company-title .server-node-info {
    display: block;
    float: left;
    font-size: 14px;
    text-transform: uppercase;
    width: 30px;
}

/*------- content -------*/

#content {
    min-height: 400px;
    position: relative;
}

/* Hide node info */
#content>.portlet-msg-info {
    display: none;
}

#main-content {
    margin: 15px 0;
    margin-right: 50px;
}

.has-breadcrumbs #main-content {
    margin-top: 5px;
}

/*- tools sidebar -*/

#toolsSidebar {
    position: absolute;
    right: 0;
    top: 10px;
    width: 46px;
}

/*- Systems help -*/

a#sidebarHelpTrigger {
    background: #2c6fa7 url(../images/icons/icon-system-help.png) center center no-repeat;
    border: 1px solid #255d8c;
    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    margin: 0 0 20px 0;
    display: block;
    font-size: 0;
    height: 50px;
    text-indent: -9999em;
    position: relative; /* Position relative needed for css3pie.htc to work properly */
}

a#sidebarHelpTrigger:hover {
    background-color: #255d8c;
}

/*- notifications -*/

#notifications {
    margin: 0 0 20px 0;
}

/*- tyckt till -*/

#tycktillWrap {
}

#tycktillWrap a {
    background: #2c6fa7 url(../images/tyck-till/tyck-till-text.png) center center no-repeat;
    border: 1px solid #255d8c;
    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    display: block;
    font-size: 0;
    height: 100px;
    text-indent: -9999em;
    position: relative; /* Position relative needed for css3pie.htc to work properly */
}

#tycktillWrap a:hover {
    background-color: #255d8c;
}

/*------- footer -------*/

#footer {
    padding: 0;
    width: 100%;
}

.footer-inner {
    background: #e4edf9;
    background: none;
    border-top: 1px solid #ddd;
    color: #005095;
    margin: 0 40px;
}

.footer-content {
    padding: 10px;
}

#footer .powered-by {
    display: block;
    float: left;
    width: 200px;
}

#footer a,
#footer a:visited {
    color: #005095;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

#footer a.logo {
    background: url(../images/logo/vgr-logo-large-transparent.png) no-repeat scroll 0 0 transparent;
    display: block;
    float: right;
    font-size: 0;
    height: 51px;
    width: 252px;
}

#footer a.logo span {
    font-size: 0;
    text-indent: -9999em;
}


/*------- sticky footer -------*/
/**
html, body {
	height: 100%;
}

#wrapper {
	min-height: 100%;
}

#content {
	overflow: auto;
	padding-bottom: 80px; /* must be same height as the footer *//**
}
#footer {
	clear: both;
	height: 80px;
	margin-top: -80px; /* negative value of footer height *//*
	position: relative;
}

#footer .footer-inner {
	height: 80px; /* must be same height as the footer *//*
}

/*Opera Fix*//*
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}
*/
/*------- Common elements -------*/

h1, h2, h3 {
    font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
    font-weight: normal;
    margin: 1em 0 0.4em 0;
}

h1 {
    color: #005095;
    font-size: 2.5em;
    margin: 0.4em 0 0.4em 0;
}

h2 {
    color: #444;
    font-size: 1.8em;
}

h3 {
    color: #666;
}

h4 {
    font-size: 14px;
}

a,
a:visited {
    color: #06579C;
    text-decoration: underline;
}

a:hover {
    color: #06579C;
    text-decoration: none;
}


/* ---------- Hidden Accessible ---------- */

#skip-to-content,
#banner h2,
#banner h3,
#navigation h1 {
    clip: rect(0 0 0 0);
    position: absolute;
}


/*----------------------------------------------------------------------
=Common classes
----------------------------------------------------------------------*/

.clear {
    clear: both;
}

.hidden {
    display: none;
    visibility: hidden;
}

.el-hide {
    display: none;
}

.dummy-box {
    background: #ccc;
    height: 100px;
    width: 100%;
}

.dummy-image {}

.dummy-image-full {
    width: 100%;
}

.spacer-box {
    height: 20px;
    width: 100%;
}

/* Clearfix style clearing */
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

.opens-new-window-accessible {
    background: url(../images/icons/icon-popup.png) 0 0 no-repeat;
    font-size: 0;
    overflow: hidden;
    text-indent: -5000px;
}


.iframe-wrap {
    height: 100%;
    width: 100%;
}


/*----------------------------------------------------------------------
=Navigation
----------------------------------------------------------------------*/


/*------- Top navigation -------*/

ul.top-nav-list {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

ul.top-nav-list li {
    display: block;
    float: left;
    margin: 0 8px;
}

.top-nav-list a {
    display: block;
    float: left;
    font-size: 1.1em;
    padding: 5px 5px;
    text-decoration: none;
}

.top-nav-settings a,
.top-nav-user a,
.top-nav-signout a,
.top-nav-quick-access a {
    background: transparent url(../images/navigation/topnav-icon-sprite.png) 0 0 no-repeat;
}

.top-nav-settings a,
.top-nav-user a,
.top-nav-signout a {
    padding-left: 18px;
}

.top-nav-quick-access a {
    padding-right: 18px;
}

.top-nav-settings a { background-position: 0 -12px; }
.top-nav-user a { background-position: 0 -111px; }
.top-nav-signout a { background-position: 0 -162px; }
.top-nav-quick-access a { background-position: 100% -58px; }

.top-nav-settings a:hover { background-position: 0 -212px; }
.top-nav-user a:hover { background-position: 0 -311px; }
.top-nav-signout a:hover { background-position: 0 -362px; }

.top-nav-quick-access a.active,
.top-nav-quick-access a:hover {
    background-position: 100% -258px;
}


ul.top-nav-list li a.active,
ul.top-nav-list li a:hover {
    background-color: #e4edf9;
}

/*------- Main navigation -------*/

#banner .rp-navigation-portlet .portlet-borderless-container {
    position: static;
}

#navigation {
    background: #255d8c url(../images/navigation/nav-bg-normal.png) top left repeat-x;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;

    -webkit-box-shadow: 2px 2px 2px 2px #255d8c;
    -moz-box-shadow: 2px 2px 2px 2px #255d8c;
    box-shadow: 2px 2px 2px 2px #255d8c;

    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */
    clear: both;

    cursor: pointer;

    display. block;

    margin: 0 auto 5px;
    min-height: 2.2em;
    padding: 0 6px;
    position: relative; /* Position relative needed for css3pie.htc to work properly */
    z-index: 10;
}

#navigation ul {
    list-style: none;
    margin: 0;
    padding: 0 6px;
}

#navigation ul.nav-list li {
    background: url(../images/navigation/nav-sep.png) top right repeat-y;
    display: list-item;
    float: left;
    padding-right: 2px;
    vertical-align: middle;
    zoom: 1;
}

#navigation ul.nav-list li a {
    background: transparent;
    color: #fff;
    display: block;
    font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1.0;
    margin: 0;
    padding: 10px 14px;
    text-decoration: none;
}

#navigation ul.nav-list > li.selected > a,
#navigation ul.nav-list > li.selected.hover > a,
#navigation ul.nav-list > li.selected:hover > a {
    background: #54752f url(../images/navigation/nav-bg-active.png) top left repeat-x;
    color: #fff;
}

#navigation ul.nav-list li.hover > a,
#navigation ul.nav-list li:hover > a {
    background: #e4edf9;
    color: #255d8c;
}

#navigation ul.nav-list ul {
    background: #e4edf9;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */
    left: 0;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    visibility: hidden;
    width: 200px;
    z-index: 598;
}

#navigation  ul.nav-list ul li {
    background: none;
    border-bottom: 1px solid #ccc;
    float: none;
    padding: 0;
}

#navigation ul.nav-list ul li a {
    background: #e4edf9;
    color: #255d8c;
    display: block;
    font-size: 1.1em;
    padding: 10px 5px;
    text-decoration: none;
}

#navigation ul.nav-list ul li a:hover {
    background: #255d8c;
    color: #e4edf9;
}

#navigation  ul.nav-list li:hover > ul {
    visibility: visible;
}

/*------- Navigation Menu Button (used with responsive design) -------*/

#navigationTrigger {
    display: none;
}

#navigationButtonMenu {
    display: none;
}

/*------- Quick Access Navigation -------*/

.quick-access-overlay {
}

.quick-access-overlay .aui-overlay-content {
    background: #e4edf9;
    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    border: 1px solid #e4edf9;
    -moz-box-shadow: 1px 1px 4px #777;
    -webkit-box-shadow: 1px 1px 4px #777;
    box-shadow: 1px 1px 4px #777;
    position: relative;
}

.quick-access-nav-hd {
    border-bottom: 1px solid #b0b1b3;
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
}

.quick-access-nav-hd h3 {
    color: #005095;
    float: left;
    margin: 0 10px 0 0;
    width: 130px;
}

.quick-access-nav-hd .filter-wrap {
    float: left;
    width: 600px;
}

.quick-access-nav-hd .filter-wrap label,
.quick-access-nav-hd .filter-wrap input,
.quick-access-nav-hd .filter-wrap span.help-text {
    display: inline;
    padding-right: 10px;
}

ul.quick-access-nav-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.quick-access-nav-list li.first-level {
    min-height: 150px;
    width: 220px;
    /*
    border: 1px solid #b0b1b3;
    border-width: 0 1px 0 0;
    */
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    zoom: 1;
}

.ie7 ul.quick-access-nav-list li.first-level {
    display: inline;
}

ul.quick-access-nav-list li.first-level a {
    color: #444;
    font-size: 1.1em;
    font-weight: normal;
    text-decoration: none;
}

ul.quick-access-nav-list li.first-level>a,
ul.quick-access-nav-list li.first-level>div>a {
    font-weight: bold;
}

ul.quick-access-nav-list li.first-level a:hover {
    text-decoration: underline;
}

ul.quick-access-nav-list ul.child-menu {
    margin-bottom: 0;
    margin-top: 0;
}

ul.quick-access-nav-list ul.child-menu li {}

ul.quick-access-nav-list ul.child-menu li a {
    color: #333;
    text-decoration: none;
}

ul.quick-access-nav-list ul.child-menu li a:hover {
    text-decoration: underline;
}

/* ---------- Breadcrumbs ---------- */

#breadcrumbs {
    border-bottom: 1px solid #ddd;
    margin: 15px 50px 0 0;
}

#breadcrumbs .breadcrumbs-list-wrap {}

#breadcrumbs .breadcrumbs-label {
    float: left;
    margin-right: 5px;
    position: relative;
}

#breadcrumbs ul {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
}

#breadcrumbs ul li {
    display: block;
    float: left;
    margin: 0 5px;
    position: relative;
}

#breadcrumbs ul li.first,
#breadcrumbs ul li.last {
    display: none;
}

#breadcrumbs h1 {
    margin: 5px 0;
}

/*----------------------------------------------------------------------
=Layout
----------------------------------------------------------------------*/

/* ---------- RP columns (general) ---------- */

.rp-columns {}

.rp-columns .portlet-layout {
    border-collapse: inherit;
    display: block;
}

.rp-columns div.portlet-column {
    display: block;
    float: left;
}

.rp-columns div.aui-w70 { width: 69.9%; }
.rp-columns div.aui-w50 { width: 49.9%; }
.rp-columns div.aui-w30 { width: 29.9%; }

.rp-columns .portlet-column-content {
    padding: 5px 15px;
}

.rp-columns .portlet-column-content-first {
    padding-left: 0;
}

.rp-columns .portlet-column-content-last  {
    padding-right: 0;
}

/* ---------- RP columns Start Page ---------- */


/* ---------- RP Columns Landing Page ---------- */

.rp-columns-landing-page {
    padding-top: 10px;
}

.rp-columns-landing-page .portlet-column-content {
    border-right: 1px solid #ddd;
}

.rp-columns-landing-page .portlet-column-content-first {
    padding-left: 0;
}

.rp-columns-landing-page .portlet-column-content-last  {
    border-right: none;
    padding-right: 0;
}

/* ---------- System Page ---------- */

.rp-columns-system-page div.aui-w70 {
    width: 100%;
}

.rp-columns-system-page div.aui-w30 {
    display: none;
}

.rp-admin.controls-visible .rp-columns-system-page div.aui-w70 {
    width: 69.9%;
}

.rp-admin.controls-visible .rp-columns-system-page div.aui-w30 {
    display: block;
    width: 29.9%;
}

/* ---------- RP Columns 1-2 type-1 ---------- */

.rp-columns-1-2-type-1 {}

.rp-columns-1-2-type-1 .rp-main-layout-wrap {
    float: none;
    width: 100%;
}

.rp-columns-1-2-type-1 div.rp-sidebar {
    display: none;
}

.rp-admin.controls-visible .rp-columns-1-2-type-1 .rp-main-layout-wrap {
    float: left;
    width: 69.9%;
}

.rp-admin.controls-visible .rp-columns-1-2-type-1 div.rp-sidebar {
    display: block;
    width: 29.9%;
}


/*----------------------------------------------------------------------
=Forms
----------------------------------------------------------------------*/

input[type="text"],
input[type="password"],
input[type="file"],
input[type="submit"],
input[type="button"],
input[type="reset"],
select,
textarea,
.textarea,
button,
a.link-button,
a:visited.link-button {
    background-image: url(../images/forms/input_shadow.png);
    background-repeat: no-repeat;
    border: 1px solid;
    border-color: #bfbfbf #dedede #dedede #bfbfbf;
    font: 1em Arial, Helvetica, Verdana, sans-serif;
    padding: 5px 1px;
}

textarea {
    background: #fff;
    border: 2px solid #e4edf9;

    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */

    position: relative;
}

textarea.focus {
    border-color: #CAD2DD;
    background: #e4edf9;
}


.form-general {
    margin: 3px 6px 0;
}

.form-general label {
    display: block;
    margin: 0 4px 0 0;
}

.form-general input,
.form-general select,
.form-general textarea {
    margin: 0;
}

.form-general .alt {
    display: inline;
    margin: 0 3px 0 0;
}

.form-general .alt1 {
    float: left;
    width: 50%;
}

.form-general .alt2 {
    float: right;
    width: 50%;
}

.text, .radio,
.checkbox, .select {
    margin: 0 0 3px;
}

.text div,
.radio div,
.checkbox div,
.select div {
    margin-left: 20px;
}

.text input {
    width: 27em;
}

.text textarea {
    height: 10em;
    width: 27em;
}

.pwd input {
    width: 6em;
}

.form-general fieldset {
    border: 1px solid #ccc;
    margin: 1em 0;
    padding: 5px 8px;
}

.control-group {
    margin: 1em 0;
}

.checkbox, .radio {
    white-space: nowrap;
}

.checkbox input,
.radio input {
    vertical-align: middle;
}

.checkbox label,
.radio label {
    display: inline;
    margin-left: 3px;
    vertical-align: middle;
}

.alt label {
    display: inline;
}

.submit-area {
    clear: both;
    margin: 1em 0 0.5em;
    text-align: center;
}

.size-1 input { width: 50px; }
.size-2 input { width: 100px; }
.size-3 input { width: 200px; }
.size-4 input { width: 300px; }


/*------- aui forms -------*/

.aui-fieldset-legend {
    color: #333;
}

.aui-legend {
    border: none;
}

.manage-layouts .lfr-page-layouts .lfr-layout-template .aui-field-label {
    max-width: 120px;
    overflow: hidden;
    max-height: 17px;
}

/*------- Buttons and Link buttons -------*/

input[type="submit"],
input[type="button"],
input[type="reset"],
button,
a.link-button,
a:link.link-button,
a:visited.link-button {
    background: #f5f5f5 url(../images/forms/button.png) repeat-x 0 0;
    border-color: #dedede #bfbfbf #bfbfbf #dedede;
    color: #34404f;
    cursor: pointer;
    font-weight: bold;
    overflow: visible;
    padding: 5px;
    width: auto;
}

input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
button:hover,
button:focus,
a.link-button:hover {
    background: #dff4ff;
    border: 1px solid #a7cedf;
    color: #369;
}

input[type="submit"],
input[type="button"],
input[type="reset"],
button,
.lfr-actions,
.lfr-actions ul,
a.link-button,
a:link.link-button,
a:visited.link-button {
    background: #d4d4d4 url(../images/portlet/header_bg.png) repeat-x 0 0;
    border: 1px solid;
    border-color: #c8c9ca #9e9e9e #9e9e9e #c8c9Ca;
    color: #34404F;
    font-weight: bold;
    text-shadow: 1px 1px #fff;
}

input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
button:hover,
.lfr-actions:hover,
.lfr-actions:hover ul,
a.link-button:hover {
    background: #b9ced9 url(../images/application/state_hover_bg.png) repeat-x 0 0;
    border-color: #627782;
    color: #369;
}

input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
button:focus,
.lfr-actions:focus,
.lfr-actions:focus ul,
a.link-button:focus {
    background: #ebebeb url(../images/application/state_active_bg.png) repeat-x 0 0;
    border-color: #555;
}

/* -- IE6 chokes on attribute selectors in a chain, so we separate them into their own rule -- */

.ie6 input.text,
input.password,
.ie6 input.submit,
.ie6 input.file,
.ie6 input.button,
.ie6 button,
.ie6 a.link-button {
    background-image: url(../images/forms/input_shadow.png);
    background-repeat: no-repeat;
    border: 1px solid;
    border-color: #bfbfbf #dedede #dedede #bfbfbf;
    font: 1em Arial, Helvetica, Verdana, sans-serif;
    padding: 5px 1px;
}

.ie6 input.submit,
.ie6 input.button,
.ie6 button,
.ie6 .aui-button-disabled input.submit,
.ie6 .aui-button-disabled input.button,
.ie6 .aui-button-disabled button,
.ie6 a.link-button {
    background: #d4d4d4 url(../images/portlet/header_bg.png) repeat-x 0 0;
    border-color: #dedede #bfbfbf #bfbfbf #dedede;
    color: #34404f;
    cursor: pointer;
    font-weight: bold;
    padding: 5px;
}

a.link-button,
a:link.link-button {
    text-decoration: none;
}


/*----------------------------------------------------------------------
=Modules and Content
----------------------------------------------------------------------*/

/*------- VGR tabs -------*/

.vgr-tabs {
    background: #2C6FA7;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */
    margin: 10px 0;
    padding: 3px;
    position: relative; /* Position relative needed for css3pie.htc to work properly */
}

.vgr-tabs .aui-tabview-list {
    background: none;
    border: 0;
    margin: 0;
    padding: 4px 0 0 0;
}

.vgr-tabs .aui-tab {
    background: none;
    border: none;
    margin: 0 1px 0 0;
}

.vgr-tabs .aui-tab-active {
    background: #fff;
    border-color: #fff;
}

.vgr-tabs .aui-tab-active:after {
    border: none;
    bottom: 0;
    content: '';
    left: 0;
    margin-left: 0;
    z-index: 0;
}

.vgr-tabs .aui-tab-content {
    padding: 0;
}

.vgr-tabs .aui-tab a,
.vgr-tabs .aui-tab a:link {
    background: #06579C;
    border: 1px solid #75A1C6;
    border-bottom: 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    color: #fff;
    display: block;
    font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    padding: 3px 10px;
    text-decoration: none;
    text-shadow: none;
}

.vgr-tabs .aui-tab-active a,
.vgr-tabs .aui-tab-active a:link,
.vgr-tabs .aui-tab a:hover {
    background: #fff;
    border-color: #fff;
    color: #06579C;
}

/* .vgr-tabs-content > .aui-tabview-content */
.vgr-tabs .vgr-tabs-content-wrap {
    background: #fff;
    border: 0;
    border-top: none;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    padding: 10px;
}

/*------- Dialog (aui) -------*/

.aui-dialog-bd fieldset,
.aui-dialog-bd .aui-form fieldset {
    margin: 5px 0;
}

/*------- News list - used in news portlets -------*/

.featured {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0.5em;
}

.list-news li {
    margin-top: 0.5em;
}

.list-news li p {
    margin-bottom: 0.5em;
}

/*------- Dialog (aui) -------*/

.notifications-overlay {
}

/* -- Overlay -- */

.system-help-overlay .aui-overlay-content {
    background: #e4edf9;
    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    border: 1px solid #e4edf9;
    -moz-box-shadow: 1px 1px 4px #777;
    -webkit-box-shadow: 1px 1px 4px #777;
    box-shadow: 1px 1px 4px #777;
    min-height: 40px;
    position: relative;
}

.system-help-overlay .lfr-panel .lfr-panel-titlebar {
    background: none;
    padding-left: 0;
}

.system-help-overlay .lfr-panel-titlebar .lfr-panel-title {
    background: transparent url(../images/notifications/notifications-sep.png) bottom left repeat-x;
    color: #005095;
    font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.8em;
    font-weight: normal;
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;

}

.system-help-overlay .kb-title-wrapper {
    padding: 2px 0;
}

.system-help-overlay a.taglib-icon .taglib-text {
    text-decoration: none;
}

.system-help-overlay a.taglib-icon:hover .taglib-text {
    text-decoration: underline;
}

.system-help-overlay .search-results {
    display: none;
}

/*-------RP Dialog -------*/

.rp-dialog .aui-dialog-hd {
    background: #2C6FA7;
    color: #fff;
    font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: normal;
    text-shadow: none;
}

.rp-dialog .aui-buttonitem-content {
    background: none;
    border: none;
    height: 35px;
    width: 34px;
    padding: 0px;
}

.rp-dialog .aui-icon-closethick {
    background: transparent url(../images/user-wizard/wizard-close-button-sprite.png) 0 0 no-repeat;
    height: 32px;
    width: 32px;
}

.rp-dialog .aui-state-hover .aui-icon-closethick {
    background-position: 0 -50px;
}

.rp-dialog .aui-panel-hd-text {
    line-height: 1.4;
}

/*------- Pagers -------*/

.pager {
    margin: 2px 0 0;
}

.pager a {
    padding: 2px;
    text-decoration: none;
}

.pager a:hover {
    text-decoration: underline;
}

.pager .prev {
    background: url(../images/icons/resultset_previous.png) no-repeat 0 50%;
    float: left;
    padding: 3px 6px 3px 20px;
}

.pager .next {
    background: url(../images/icons/resultset_next.png) no-repeat 100% 50%;
    float: right;
    padding: 3px 20px 3px 6px;
}

/* RP Paging */

.rp-paging {
    margin-top:10px;
    text-align: center;
}

.rp-paging ul {
    display:table;
    list-style-type:none;
    margin:0 auto;
}

.rp-paging li {
    float:left;
    margin: 5px 5px;
}

.rp-paging li a,
.rp-paging li strong,
.rp-paging li span {
    border: 1px solid transparent;

    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */

    display:block;
    font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
    font-size: 16px;
    height: 20px;
    line-height: 1.0;
    padding: 2px 4px;
    position: relative; /* Position relative needed for css3pie.htc to work properly */
    text-align: center;
    text-decoration: none;
    width: 20px;
}

.rp-paging li a:hover {
    background-color: #e4edf9;
    border-color: #255d8c;
}

.rp-paging .first a,
.rp-paging .previous a,
.rp-paging .next a,
.rp-paging .last a {
    background: #e7f0fc url(../images/paginator/rp-paginator-sprite.png) no-repeat 0 0;
    border-color: #d4dce7;
    color: #255d8c;
    font-size: 0;
    position: relative; /* Position relative needed for css3pie.htc to work properly */
    text-indent: -9999em;
    width: 30px;
}

.rp-paging .first a { background-position: 50% 5px; }
.rp-paging .previous a { background-position: 50% -45px; }
.rp-paging .next a { background-position: 50% -95px; }
.rp-paging .last a { 	background-position: 50% -145px; }

.rp-paging .first span,
.rp-paging .previous span,
.rp-paging .next span,
.rp-paging .last span {
    font-size: 0;
    text-indent: -9999em;
    visibility: hidden;
    width: 30px;
}

/*----------------------------------------------------------------------
=Liferay Portlets
----------------------------------------------------------------------*/

/*------- Portlet wrapper and icons -------*/

.portlet {
    background-color: transparent;
    margin: 0 0 10px;
    padding: 0;
    text-align: left;
}

.portlet .portlet-topper {
    background: #255e8d url(../images/portlet/portlet-hd-bg-1.png) top left repeat-x;
    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    position: relative; /* Position relative needed for css3pie.htc to work properly */
}

.portlet .portlet-content {
    background: #fff;
    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */
    border: 1px solid #2c6fa7;
    border-width: 0 1px 1px 1px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius:  0 0 6px 6px;
    padding: 12px;
    position: relative; /* Position relative needed for css3pie.htc to work properly */
}

.portlet-title {
    color: #fff;
    float: none;
    font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: normal;
    padding: 7px 10px;
}

.portlet-title .icon {
    display: none;
}

.portlet-icons {
    float: none;
}

.portlet-msg-info {
    background-repeat: no-repeat;
}

.portlet-icons .portlet-close-icon {
    border-width: 0;
}

.page-maximized .portlet-icons {
    font-size: 11px;
}

.portlet-icon-back {
}

.ie .portlet-title {
    padding-bottom: 5px;
}

.ie6 .portlet-topper {
    zoom: 1;
}

.lfr-actions.portlet-options .lfr-trigger strong a {
    text-indent: -9999px;
    text-decoration: none;
}

.portlet-minimize a,
.portlet-minimize a:hover,
.portlet-maximize a,
.portlet-maximize a:hover,
.portlet-close a,
.portlet-close a:hover {
    text-decoration: none;
}

/*------- Navigation Portlet (Section Navigation) ------*/

ul.section-navigation-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.section-navigation-list li {
    display: block;
    float: left;
    margin: 10px 30px 10px 0;
    width: 300px;
}

ul.section-navigation-list li a {
    background: #fff url(../images/navigation/section-navigation-icons-sprite.png) 0 0 no-repeat;

    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;

    -webkit-box-shadow: 2px 2px 2px 2px #fff;
    -moz-box-shadow: 2px 2px 2px 2px #fff;
    box-shadow: 2px 2px 2px 2px #fff;
    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */

    display: block;
    min-height: 70px;
    padding: 10px;
    padding-left: 80px;
    position: relative; /* Position relative needed for css3pie.htc to work properly */
    text-decoration: none;
}

/* Mitt jobb */
ul.section-navigation-list li.documents a { background-position: 0 -300px; }
ul.section-navigation-list li.communication a { background-position: 0 -600px; }
ul.section-navigation-list li.region-calendar a { background-position: 0 -900px; }
ul.section-navigation-list li.sambo a { background-position: 0 -1200px; }
ul.section-navigation-list li.travel-booking a { background-position: 0 -1500px; }
ul.section-navigation-list li.heroma a { background-position: 0 -1800px;	}
ul.section-navigation-list li.clarity a { background-position: 0 -2100px; }
ul.section-navigation-list li.pivotaltracker a { background-position: 0 -2400px; }

/* Mitt jobb - dokumenthantering */
ul.section-navigation-list li.alfresco a { background-position: 0 -2700px; }
ul.section-navigation-list li.antura a { background-position: 0 -3000px; }
ul.section-navigation-list li.barium a { background-position: 0 -3300px; }
ul.section-navigation-list li.evernote a { background-position: 0 -3600px; }

/* Min profil */
ul.section-navigation-list li.mina-kiv-uppgifter a { background-position: 0 -3900px; }
ul.section-navigation-list li.mina-system a { background-position: 0 -4200px; }
ul.section-navigation-list li.mina-inloggningar a { background-position: 0 -4500px; }
ul.section-navigation-list li.mitt-losenord a { background-position: 0 -4800px; }

/* Administration */
ul.section-navigation-list li.kiv-admin a { background-position: 0 -5100px; }
ul.section-navigation-list li.fakturaportalen a { background-position: 0 -5400px; }
ul.section-navigation-list li.utdataplattformen a { background-position: 0 -5700px; }
ul.section-navigation-list li.tycktill-admin a { background-position: 0 -6000px; }
ul.section-navigation-list li.ehandel a { background-position: 0 -6300px; }
ul.section-navigation-list li.debug a { background-position: 0 -6600px; }
ul.section-navigation-list li.externa-anvandare a { background-position: 0 -6900px; }
ul.section-navigation-list li.behorighetsblanketten a { background-position: 0 -7200px; }

/* Hitta */
ul.section-navigation-list li.hitta a { background-position: 0 -7500px; }
ul.section-navigation-list li.sok-i-kiv a { background-position: 0 -7800px; }
ul.section-navigation-list li.sok-i-hsa a { background-position: 0 -8100px; }


ul.section-navigation-list li a:hover {
    -webkit-box-shadow: 2px 2px 2px 2px #e4edf9;
    -moz-box-shadow: 2px 2px 2px 2px #e4edf9;
    box-shadow: 2px 2px 2px 2px #e4edf9;

    -webkit-box-shadow: 2px 2px 2px 2px #aaaaaa;
    -moz-box-shadow: 2px 2px 2px 2px #aaaaaa;
    box-shadow: 2px 2px 2px 2px #aaaaaa;

}

ul.section-navigation-list li a .title {
    display: block;
    color: #005095;
    font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.2em;
}

ul.section-navigation-list li a .description {
    color: #333;
    display: block;
}

/*------- Portlet Alerts -------*/

/* Not actually styling of portlet alerts, but the y-padding set to 0 is needed since portlet alerts will be in this column */
.controls-hidden .portlet-layout .hundred .portlet-column-content {
    padding: 0 15px;
}

.portlet-alerts .portlet-body .entry-content {
    padding: 2px;
}

.portlet-alerts .portlet-body .entry {
    background-color: #f33;
    border: 1px solid #faa;
    color: white;
    padding: 0px;
    padding-left: 12px;
}

.portlet-alerts .portlet-body .read-entries .entry {
    background-image: url("../images/warning-grey.png");
}

.portlet-alerts .entry-scope {
    display: none;
}

/* hide controls */
.portlet-alerts .entry .control-entry {
    display: none;
}
.controls-hidden .portlet-alerts .edit-actions {
    display: none;
}

.controls-hidden .portlet-alerts .portlet-borderless-container {
    min-height: 0;
}

.controls-hidden .portlet-alerts .aui-tabview-list {
    display: none;
    margin: 0;
    padding: 0;
}


.portlet-alerts .portlet-body .entry .entry-title {
    color: white;
    padding: 2px 2px 2px 0px;
    background-color: transparent;
}

.portlet-alerts .portlet-body .entry .entry-title .edit-actions table {
    /* for some reason IE gets fixed table layout below, this doesn't work here 
       the edi actions swells out to 100% width */
    table-layout: auto !important;
}


.portlet-alerts .portlet-body .entry a {
    color: white;
}

/* custom classed portlet alerts 
   Used for system information instead of alerts 
   Add class 'portlet-alerts-info'
   */
.portlet-alerts-info .portlet-body .entry {
    background-color: #005690;
    color: white;
    background-image: none;
    border: none;
    padding-left: 35px;
}


.portlet-alerts-info .entry-scope {
    display: none;
}

.portlet-alerts-info .portlet-body .entry .entry-title,.portlet-alerts-info .portlet-body .entry .entry-title a {
    color: white;
}

.portlet-alerts-info .entry-title {
    font-size: 27px;
    text-align: center;
    margin-top: 9px;
}

.portlet-alerts-info .entry-content {
    text-align: center;
}

.portlet-alerts-info .edit-actions a {
    font-size: 9px;
}

.portlet-alerts-info .control-entry  {
    display: none;
}


/*------  Portlet Announcements --------*/

.portlet-announcements .entry .entry-scope {
    display: none;
}

.portlet-announcements .entry p {
    background-color: #ffe;
    border-top: 1px solid #bebebe;
    padding-left: 6px;
}

/* hide controls */
.portlet-announcements .entry .control-entry {
    display: none;
}
.controls-hidden .portlet-announcements .edit-actions {
    display: none;
}
.controls-hidden .portlet-announcements .aui-tabview-list {
    display: none;
}


.portlet-announcements .entry-title, .portlet-alerts .entry-title {
    background-color: #FFFFBB;
    color: #333;
    padding-left: 6px;

}

/*------- Portlet Knowledge Base Display/Knowledge Base Aggregator ------*/

/* Remove unnecessary cruft */
.knowledge-base-portlet-display .kb-article-tools td,.knowledge-base-portlet-aggregator .kb-article-tools td {
    display: none;
}
/* we do like to display print though */
.knowledge-base-portlet-display .kb-article-tools td+td+td+td,.knowledge-base-portlet-aggregator .kb-article-tools td+td+td+td {
    display: table-cell;
}

/* Enhance readability, line lenght, line height and font-size */
.knowledge-base-portlet-display .kb-entity-body,
.knowledge-base-portlet-aggregator .kb-entity-body {
    text-align: justify;

    /*
    line-height: 1.7;
    font-size: 12pt;
    */
    width: 40em;
}

.knowledge-base-portlet-display .kb-entity-header {
    border-bottom: none;
    margin: 0;
    padding: 0;
}

.knowledge-base-portlet-display .kb-entity-header .kb-title,
.knowledge-base-portlet-aggregator .kb-entity-header .kb-title {
    color: #444;
    font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.8em;
    font-weight: normal;
    margin: 1.0em 0 0.4em 0;
}

.knowledge-base-portlet-display .kb-article-comments .lfr-panel-title,
.knowledge-base-portlet-aggregator .kb-article-comments .lfr-panel-title {
    /*font-size: 85%;*/
}

.knowledge-base-portlet-display .kb-article-comments.kb-submit-buttons input,
.knowledge-base-portlet-aggregator .kb-article-comments.kb-submit-buttons input {
    /*font-size: 80%;*/
}

.knowledge-base-portlet-display .kb-article-comments .user-profile-image,
.knowledge-base-portlet-aggregator .kb-article-comments .user-profile-image {
    display: none;
}

.knowledge-base-portlet-display .kb-article-comments .user-details,
.knowledge-base-portlet-aggregator .kb-article-comments .user-details {
    width: 40em;
}
.knowledge-base-portlet-display .kb-article-comments .user-details .user-name,
.knowledge-base-portlet-aggregator .kb-article-comments .user-details .user-name {
    text-align: right;
}

/* -- In help/sidebar column -- */

#column-sidebar .knowledge-base-portlet-display .kb-entity-header {
    display: none;
}

#column-sidebar .knowledge-base-portlet-display .kb-entity-body {
    font-size: 1.1em;
    padding: 0;
    line-height: 1.2em;
    text-align: left;
    width: 100%;
}

#column-sidebar .knowledge-base-portlet-display .kb-entity-header .kb-title {
    display: none;
}

/*------- Portlet Knowledge Base Aggregator ------*/

.knowledge-base-portlet-aggregator .lfr-panel .lfr-panel-titlebar {
    background-position: 2px 63%;

    background: none;
    padding-left: 0;
}

.knowledge-base-portlet-aggregator .lfr-panel-titlebar .lfr-panel-title {
    color: #444;
    font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.8em;
    font-weight: normal;
    margin: 1em 0 0.4em 0;
}

.knowledge-base-portlet-aggregator .search-results {
    display: none;
}

.knowledge-base-portlet-aggregator .kb-title-wrapper {
    padding: 2px 0;
}

.knowledge-base-portlet-aggregator a.taglib-icon .taglib-text {
    text-decoration: none;
}

.knowledge-base-portlet-aggregator a.taglib-icon:hover .taglib-text {
    text-decoration: underline;
}

/*------- Blogs Portlet ------*/

.portlet-blogs {}

.portlet-blogs .search-form {
    display: block;
}

.portlet-blogs .search-form .aui-search-bar {
    display: none;
}

.portlet-blogs .taglib-header {
    border: none;
}

.portlet-blogs .entry-title a {
    color: #666;
    font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
    font-weight: normal;
    text-decoration: none;
}

.portlet-blogs .entry-title a:hover {
    text-decoration: underline;
}

.portlet-blogs .entry-date {
    background: none;
    color: #777;
    padding-left: 0;
}

/* Clearfix style clearing */
.portlet-blogs .entry-footer:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.portlet-blogs .entry-footer{display:inline-block}
* html .portlet-blogs .entry-footer{height:1%}
.portlet-blogs .entry-footer{display:block}

.portlet-blogs .entry-author {
    background: none;
    color: #777;
    padding-left: 0;
}

.portlet-blogs .stats .comments a,
.portlet-blogs .taglib-flags span a {
    text-decoration: none;
}

.portlet-blogs .stats .comments a:hover,
portlet-blogs .taglib-flags span a:hover {
    text-decoration: underline;
}

.portlet-blogs .taglib-social-bookmarks {
    clear: both;
    display: none;
}

/* View specific entry */
.portlet-blogs h1.header-title {
    color: #444;
    font-size: 1.8em;
}


/* Paging */

.portlet-blogs .entry-navigation {
    background: transparent;
    border: 0;
    margin: 15px 0;
}

.portlet-blogs .entry-navigation a.previous,
.portlet-blogs .entry-navigation a.next {
    background: #e7f0fc url(../images/paginator/rp-paginator-sprite.png) no-repeat 0 0;
    border: 1px solid #d4dce7;
    color: #255d8c;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    behavior: url(/rp-new-theme/htc/css3pie.htc);
    display:block;
    font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
    font-size: 0;
    height: 20px;
    line-height: 1.0;
    padding: 2px 4px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-indent: -9999em;
    width: 30px;
}

.portlet-blogs .entry-navigation a.previous:hover,
.portlet-blogs .entry-navigation a.next:hover {
    background-color: #e4edf9;
    border-color: #255d8c;
}

.portlet-blogs .entry-navigation a.previous {
    background-position: 50% -45px;
}

.portlet-blogs .entry-navigation a.next {
    background-position: 50% -95px;
}

.portlet-blogs .entry-navigation span.previous,
.portlet-blogs .entry-navigation span.next {
    display: none;
}

/* Commenting */

.portlet-blogs #blogsCommentsPanelContainer {}

.portlet-blogs #blogsCommentsPanelContainer .lfr-panel-titlebar .lfr-panel-title {
    color: #555;
    font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.3em;
    font-weight: normal;
}

.portlet-blogs .add-comment {}

.portlet-blogs .add-comment a.taglib-icon {
    background: #e4edf9;
    border: 1px solid #cad2dd;
    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    color: #255D8C;
    display: block;
    float: left;
    padding: 6px 10px;
    position: relative;
    text-decoration: none;
}

/* Clearfix style clearing */
.portlet-blogs .add-comment a.taglib-icon:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.portlet-blogs .add-comment a.taglib-icon{display:inline-block}
* html .portlet-blogs .add-comment a.taglib-icon{height:1%}
.portlet-blogs .add-comment a.taglib-icon{display:block}


.portlet-blogs .add-comment a.taglib-icon:hover {
    background: #e8f1fd;
    border: 1px solid #c4d9f6;
}

.portlet-blogs .add-comment a.taglib-icon img {
}

.portlet-blogs .add-comment a.taglib-icon .taglib-text,
.portlet-blogs .add-comment a.taglib-icon:hover .taglib-text {
    text-decoration: none;
}

.portlet-blogs .trackback-wrap {
    display: none;
}

.portlet-blogs .post-reply-form {
    display: block;
    margin: 5px 0;
}

/* Styling classes added through custom jsp */

.comment-layout .separator {
    display: none;
}

.comment-wrap {
    margin: 10px 0;
}

.comment-wrap .user-wrap {
    color: #555;
    float: left;
    font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.2em;
    margin: 0 20px 0 0;
    position: relative;
}

.comment-wrap .date-wrap {
    color: #999;
    display: block;
    float: left;
    font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.1em;
    position: relative;
}

.comment-wrap .comment-user,
.comment-wrap .comment-message {
    float: none;
}

.comment-user {}

.comment-message {}

.comment-wrap .comment-message-body {
    background: #e4edf9;
    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin: 5px 0;
    padding: 15px;
    position: relative;
}

.portlet-blogs .to-top-column {
    display: none;
}


/*----------------------------------------------------------------------
=Custom Portlets
----------------------------------------------------------------------*/

/* ----------------- Account Settings Portlet ----------------------- */
.account-settings-portlet {
    width: 500px;
}

.account-settings-portlet td {
    padding: 15px 30px 0px 10px;
    vertical-align: bottom;
}

.account-settings-portlet .tab-content {
    position: absolute;
}

.account-settings-portlet #tab-content-container {
    height: 250px;
    padding: 10px;
}

.account-settings-portlet input[type="text"] {
    width: 200px;
}

.account-settings-portlet .account-settings-form {
    height: 25px;
    text-align: center;
}

.account-settings-portlet .tab-selector {
    height: 22px;
    text-align: center;
}

.account-settings-portlet .tab-selector a {
    float: left;
    height: 100%;
    margin: 4px;
    width: 31%;
    background-color: #06579c;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid #75A1C6;
    border-bottom: 0;
    font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    color: white;
    text-decoration: none;
}

.account-settings-portlet .tab-selector a.selected {
    background-color: white;
    color: #06579C;
    cursor: default;
}

/* --------------- Change Password Portlet ---------------------*/

.change-password-portlet .change-password-form div {
    margin-top: 10px;
}

.change-password-portlet .user-box-container {
    margin-bottom: 12px;
    font-size: 1.2em;
}

.change-password-portlet .user-box-container .user-box {
    border: 1px solid lightgray;
    padding: 6px;
}

.change-password-portlet .user-box-container .user-box .user-id {
    font-weight: bold;
}

/* ---------------- ifeed portlet ------------------------- */

.ifeed-portlet .ifeed-portlet-ldap-people .aui-combobox-content .aui-field-content {
    display: block;
}

/* hide button */
.ifeed-portlet .ifeed-portlet-ldap-people .aui-toolbar {
    display: none;
}

.ifeed-portlet .ifeed-portlet-filter-input input {
    width: 96%;
    margin: 0px auto;
}

.ifeed-portlet-filter-result {
    margin: 0px;
    padding: 4px;
    cursor: pointer;
}

.ifeed-portlet-filter-result-odd {
    background-color: #fafafa;
}

.aui-autocomplete-selected .ifeed-portlet-filter-result-odd {
    background-color: #DFE8F6;
}

/*------- Booking Portlet (resebokning) -------*/

.booking-wrap fieldset {
    background: #f2efe9;
    border: 1px solid #bfbab0;
    display: block;
    margin: 10px 0;
    padding: 10px;
}

.booking-wrap legend {
    color: #000;
    margin-left: 10px;
    font-weight: bold;
}

.booking-wrap fieldset ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.booking-wrap fieldset li {
    list-style-type: none;
}

.booking-wrap fieldset.submit {
    background: none;
    border: none;
    float: none;
    text-align: center;
    width: auto;
}

.booking-wrap label {
    float: left;
    margin-right: 10px;
    width: 130px;
}

.booking-wrap span label {
    float: none;
    margin-right: auto;
    width: auto;
}

.booking-wrap li .radio-group {
    display: block;
    margin-bottom: 10px;
}

.booking-wrap fieldset .textarea,
.booking-wrap fieldset
.booking-wrap .text,
.booking-wrap fieldset .time,
.booking-wrap fieldset .radio,
.booking-wrap fieldset .select {
    border: 1px solid #ccc;
    padding: 4px 2px;
}

.booking-wrap fieldset .textarea {
    height: 110px;
}

.booking-wrap fieldset .text,
.booking-wrap fieldset .textarea {
    width: 190px;
}
.booking-wrap fieldset .select {
    max-width: 196px;
}

.booking-wrap .time {
    margin: 0 0 3px;
    width: 40px;
}

/* Datepicker formatting */
.booking-wrap  #ui-datepicker-div {
    font-size: 10px;
    width: 215px
}

.booking-wrap  fieldset.submit-ok {
    padding: 1em;
    width: 350px;
}

.booking-wrap  .ui-datepicker-next {
    text-align: left;
}

.booking-wrap select.validation-error,
.booking-wrap textarea.validation-error,
.booking-wrap input.validation-error {
    border: 1px solid red;
}

.booking-wrap .validation-error-message {
    background: url(../images/exclamation.gif) no-repeat;
    display: inline;
    margin: 0.3em 0 0 .3em;
    padding-left: 18px;
}
.booking-wrap span.comment {
    color: grey;
    font-size: 0.9em;
}

/*------- BFR portlet -------*/

.bfr-wrap {
    width: 100%;
}

.bfr-wrap h2 {
    margin-top: 0px;
}

.bfr-wrap .aui-tabview-list {
    border: none;
    border-bottom: 5px solid #2c6fa7;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
}

.bfr-wrap .aui-tab {
    background: #d8d8d8;
    border: 1px solid #a3a3a3;
    border-width: 1px 1px 0 1px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #333;
    margin: 0 0.2em 0 0;
}

.bfr-wrap .aui-tab-active {
    background: #2c6fa7;
    border-color: #243356;
    color: #fff;
}

.bfr-wrap .aui-tab-active:after {
    border: 0;
    bottom: 0;
    content: '';
    display: block;
    height: 0;
    margin: 0;
    width: 0;
    z-index: 0;
}

.bfr-wrap .aui-tabview-content-wrap {
    background: #edf5ff;
    border: 1px solid #808080;
    border-top-color: #243356;
}

.bfr-wrap .aui-tabview-content-item {
    padding: 10px;
}

.bfr-wrap .aui-tabview-content-wrap .imageview {
    padding: 0px;
}


.bfr-wrap table {
    /* Test uncommenting this code for BFR (not yet tested 2011-12-14) */
    /*table-layout: auto !important;*/
}

.bfr-wrap .yui-dt tr th {
    background: #eee;
}

.bfr-wrap .yui-dt-even td {
    background-color: #fff;
}
.bfr-wrap .yui-dt-odd td {
    background-color: #fafafa;
}


.bfr-wrap tbody td .yui-dt-liner:hover {
    text-decoration: underline;
}

.bfr-wrap .aui-tabview-content-wrap .aui-tabview-content-item table td {
    vertical-align: top;
}

/* ---------------- User Wizard portlet ------------------------- */

.user-wizard-portlet {}

.user-wizard-portlet .portlet-borderless-container {
    min-height: 0;
}

.controls-visible .user-wizard-portlet .portlet-borderless-container {
    min-height: 2.5em;
}

/*-------User Wizard Dialog -------*/

.user-wizard-dialog .aui-dialog-hd {
    background: #2C6FA7;
    color: #fff;
    font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: normal;
    text-shadow: none;
}

.user-wizard-dialog .aui-buttonitem-content {
    background: none;
    border: none;
    height: 35px;
    width: 34px;
    padding: 0px;
}

.user-wizard-dialog .aui-icon-closethick {
    background: transparent url(../images/user-wizard/wizard-close-button-sprite.png) 0 0 no-repeat;
    height: 32px;
    width: 32px;
}

.user-wizard-dialog .aui-state-hover .aui-icon-closethick {
    background-position: 0 -50px;
}

.user-wizard-dialog .aui-panel-hd-text {
    line-height: 1.4;
}

.user-wizard-content-wrap {
    padding: 10px 15px;
}

.user-wizard-dialog .user-wizard-intro {
    font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
    font-size: 18px;
    margin: 0 0 10px 0;
}

.user-wizard-content-wrap {
    color: #333;
    /* Position relative and z-index needed for css3pie.htc to work properly
         http://css3pie.com/documentation/known-issues/#z-index
      */
    position: relative;
    z-index: 100000;
}

.user-wizard-dialog .user-wizard-personalize-wrap {
    background: #ddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /* Needs an absolute path */
    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */
    display: block;
    font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin: 10px 0;
    padding: 15px;
}

.user-wizard-personalize-text {
    background: transparent url(../images/user-wizard/wizard-personalization-matte-ddd.png) 0 50% no-repeat;
    padding-left: 110px;
    padding: 10px 0 10px 110px;
}

.user-wizard-profile-link-wrap {
    text-align: right;
}

.user-wizard-profile-link-wrap a,
.user-wizard-profile-link-wrap a:link,
.user-wizard-profile-link-wrap a:hover {
    background: transparent url(../images/user-wizard/link-icon-matte-ddd.png) 0 50% no-repeat;
    color: #2c6fa7;
    font-size: 14px;
    padding-left: 14px;
    text-decoration: none;
}

.user-wizard-profile-link-wrap a:hover span {
    text-decoration: underline;
}

.user-wizard-control-wrap {
    border: 1px solid #ccc;
    border-width: 1px 0 1px 0;
    margin-top: 10px;
    padding: 10px;
}

.user-wizard-control-wrap a,
.user-wizard-control-wrap a:link,
.user-wizard-control-wrap a:hover {
    color: #333;
    display: block;
    font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 28px;
    min-height: 28px;
    padding-left: 40px;
    text-decoration: none;
}

.user-wizard-control-wrap a {
    background: transparent url(../images/user-wizard/wizard-checkbox-sprite.png) 0 0 no-repeat;
}

.user-wizard-control-wrap a.checked {
    background-position: 0 -50px;
}

.user-wizard-control-wrap a:hover span {
    text-decoration: underline;
}

/* ---------------- RSS portlet ------------------------- */

ul.list-news {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.list-news li {
    border-bottom: 1px solid #EBF2F8;
    padding: 5px 0;
}

.list-news .news-date {
    color: #777;
    display: block;
    float: left;
    width: 80px;
}

.list-news .news-block {
    display: block;
    margin: 0 0 0 80px;
}

.list-news .news-item-no-date .news-date {
    display: none;
}

.list-news .news-item-no-date .news-block {
    margin-left: 0;
}

.list-news .news-title {
    display: block;
}

a.news-title {
    font-size: 1em;
}

/* ---------------- Calendar Portlet (notes) ------------------------- */

.calendar-wrap {}

.cal-day-wrap {
    margin: 10px 0;
}

h4.cal-date {
    border-bottom: 1px solid #EBF2F8;
    color: #005095;
    font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
}

ul.cal-item-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.cal-item-list li {
    border-bottom: 1px solid #EBF2F8;
    margin: 0;
    padding: 2px 2px;
    clear: both;
}

/* Clearfix style clearing */
ul.cal-item-list li:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
ul.cal-item-list li{display:inline-block}
* html ul.cal-item-list li{height:1%}
ul.cal-item-list li{display:block}

.cal-item-time {
    display: block;
    float: left;
    padding-right: 4px;
    width: 19%;
}

.cal-item-title {
    display: block;
    float: left;
    padding-left: 4px;
    width: 50%;
}

.cal-item-type {
    display: block;
    float: right;
    width: 24%;
}

/*------- Notifications Bar ------*/

.notifications-bar-portlet {}

ul.notfications-bar-list {
    background: #cad2dd;
    border: 1px solid #b0b1b3;
    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    list-style: none;
    margin: 0;
    padding: 0px 0;
    position: relative; /* Position relative needed for css3pie.htc to work properly */
    /*width: 42px;*/
}

ul.notfications-bar-list li {
    border-bottom: 1px solid #b0b1b3;
    border-top: 1px solid #e4edf9;
}

ul.notfications-bar-list li.first {
    border-top: none;
}

ul.notfications-bar-list li.last {
    border-bottom: none;
}

ul.notfications-bar-list li a {
    background-color: transparent;
    display: block;
    height: 49px;
    position: relative;
    text-decoration: none;
}

ul.notfications-bar-list li a .count {
    background: #fff;

    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */

    left: 0px;
    padding: 2px;
    position: absolute;
    top: 0px;
}

ul.notfications-bar-list li a .count span {
    background: #444;

    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */
    color: #fff;
    display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.0;
    padding: 2px 5px 3px;
    text-align: center;
}

ul.notfications-bar-list li a .count-highlight span {
    background: #b00;
}

ul.notfications-bar-list li a .title {
    display: block;
    font-size: 0;
    text-indent: -9999em;
}

ul.notfications-bar-list li.active a,
ul.notfications-bar-list li a:hover {
    background-color: #e4edf9;
}

.notifications-bar-invoices a,
.notifications-bar-usd a,
.notifications-bar-todo a,
.notifications-bar-documents a,
.notifications-bar-email a {
    background-image: url(../images/notifications/notification-icons-sprite.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
}

.notifications-bar-invoices a {
    background-position: 50% 7px;
}
.notifications-bar-usd a {
    background-position: 50% -88px;
}
.notifications-bar-todo a {
    background-position: 50% -193px;
}
.notifications-bar-documents a {
    background-position: 50% -293px;
}
.notifications-bar-email a {
    background-position: 50% -387px;
}

.notifications-overlay {
}

/* -- Overlay -- */

.notifications-overlay .aui-overlay-content {
    background: #e4edf9;
    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    border: 1px solid #e4edf9;
    -moz-box-shadow: 1px 1px 4px #777;
    -webkit-box-shadow: 1px 1px 4px #777;
    box-shadow: 1px 1px 4px #777;
    min-height: 40px;
    position: relative;
}

.notifications-overlay h3 {
    background: transparent url(../images/notifications/notifications-sep.png) bottom left repeat-x;
    color: #005095;
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
}

/* -- Notification Items -- */

.notifications-wrap {
    padding: 0 3px;
}

ul.notifications-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.notifications-list li {
    background: transparent url(../images/notifications/notifications-sep.png) bottom left repeat-x;
    margin: 3px 0;
    padding: 3px 0;
}

ul.notifications-list li a,
ul.notifications-list li a:visited {
    color: #555;
    text-decoration: none;
}

ul.notifications-list li a:hover {
    color: #333;
    text-decoration: underline;
}

ul.notifications-list .notification-types {
    display: block;
    float: left;
    width: 40px;
}

ul.notifications-list .notification-summary {
    display: block;
    margin: 0 0 0 40px;
}

ul.notifications-list .notification-type {
    float: left;
    font-size: 0;
    display: block;
    line-height: 20px;
    height: 16px;
    margin: 0 2px 2px 0;
    position: relative;
    text-align: center;
    text-indent: -9999em;
    width: 16px;
}

ul.notifications-list .notification-type-1 {
    background: url(../images/icons/red16x16.png) 0 0 no-repeat;
}

ul.notifications-list .notification-type-2 {
    background: url(../images/icons/yellow16x16.png) 0 0 no-repeat;
}

ul.notifications-list .notification-usd-type {
    background: #eee;
    border: 1px solid #ccc;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */
    font-size: inherit;
    height: 20px;
    text-indent: 0;
    width: 14px;
}

ul.notifications-list .notification-usd-type-warning {
    background: #f08080;
    border-color: #ff0000;
}

/* ----------------- VAP Portlets common ----------------------- */

.vap-button input[type="submit"],
a.vap-link-button,
a.vap-link-button:visited {
    background: #e8f1fd;
    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */
    border-color: #d4dce7 #bec6d0 #bec6d0 #d4dce7;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #255d8c;
    font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: normal;
    padding: 6px 8px;
    position: relative;
    text-shadow: none;
}

.vap-button input.hover[type="submit"],
.vap-button input[type="submit"]:hover,
a.vap-link-button:hover,
a.vap-link-button:visited {
    background: #2C6FA7;
    border-color: #255D8C;
    color: #fff;
}

/* ----------------- VAP Search Portlet ----------------------- */

.vap-search-wrap {
    background: #e4edf9;

    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;

    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */
    margin: 10px 0;
    padding: 20px;
    position: relative; /* Position relative needed for css3pie.htc to work properly */
}

.vap-search-wrap .link-elibrary-wrap {
    margin: 0 0 5px 0;
    text-align: right;
}

.vap-search-wrap .link-elibrary-wrap a {
    font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    text-decoration: none;
}

.vap-search-wrap .link-elibrary-wrap a:hover {
    text-decoration: underline;
}

.vap-search-input,
.vap-search-button {
    display: block;
    float: left;
}

.vap-search-input {
    margin-right: 10px;
    width: 75%;
}

.vap-search-input .aui-combobox-content .aui-field-content {
    display: block;
}

.vap-search-input .aui-toolbar {
    display: none;
}

.vap-search-wrap input[type="text"],
.vap-search-wrap input[type="submit"] {
    font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
    position: relative;
}

.vap-search-wrap input[type="text"] {
    background: #fff;
    border: 2px solid #ccc;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */
    /* Fixes issue with box overflow when setting width 100% and padding, borders, margin etc */
    box-sizing: border-box; /* css3 rec */
    -moz-box-sizing: border-box; /* ff2 */
    -ms-box-sizing: border-box; /* ie8 */
    -webkit-box-sizing: border-box; /* safari3 */
    -khtml-box-sizing: border-box; /* konqueror */
    display: block;
    font-size: 16px;
    padding: 7px;
    width: 100%;
}

.ie6 .vap-search-wrap input[type="text"],
.ie7 .vap-search-wrap input[type="text"] {
    /* Fixes issue with box overflow when setting width 100% and padding, borders, margin etc for ie6 and ie7 */
    behavior: url(/rp-new-theme/htc/boxsizing.htc),url(rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */
}

.vap-search-wrap input[type="submit"] {
    background: #255d8c;
    border: 1px solid #255d8c;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 2px 2px 2px 2px #255d8c;
    -moz-box-shadow: 2px 2px 2px 2px #255d8c;
    box-shadow: 2px 2px 2px 2px #255d8c;
    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: normal;
    padding: 6px 15px;
    text-shadow: none;
}

/*- Auto Complete -*/

.aui-autocomplete-results-content {
    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    border: 1px solid #e4edf9;
    -moz-box-shadow: 1px 1px 4px #777;
    -webkit-box-shadow: 1px 1px 4px #777;
    box-shadow: 1px 1px 4px #777;
    min-height: 40px;
    height: 100%;
    overflow-y: auto;
    position: relative;
}

.aui-autocomplete-list-item {
    border: 1px solid #fff;
    font-size: 16px;
    list-style: none;
    margin: 0;
    padding: 3px 3px;
}

.aui-autocomplete-selected {
    background: #e4edf9;
    border-color: #005095;
}

/* ----------------- VAP Search Results Portlet ----------------------- */

/*- Search Results -*/

ul.vap-search-results {
    list-style: none;
    margin: 0;
    padding: 0;
}

li.vap-search-result-item {
    background: #fff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */
    padding: 10px;
    position: relative;

    border-bottom: 1px solid #e4edf9;
}

li.vap-search-result-item .hd,
li.vap-search-result-item .bd,
li.vap-search-result-item .ft {
    margin: 5px 0;
}

li.vap-search-result-item .hd h3 {
    float: left;
    margin: 0;
    padding: 0;
}

li.vap-search-result-item .hd h3 a {
    color: #666;
    text-decoration: none;
}

li.vap-search-result-item .hd-controls {
    float: right;
    display: none;
    position: relative;
    margin-right: 10px;
}

li.vap-search-result-item .bd a {
    color: #333;
    text-decoration: none;
}

li.vap-search-result-item-hover .hd-controls {
    display: block;

    /* temporary (until save is implemented) */
    display: none;
}

/*- Search Results hover -*/

li.vap-search-result-item-hover {
    background: #e4edf9;

    border-bottom-color: transparent;
}

li.vap-search-result-item-hover .bd a {
    color: #333;
}

li.vap-search-result-item-hover .bd a:hover {
    color: #333;
    text-decoration: none;
}

li.vap-search-result-item-hover .hd h3 a {
    color: #005095;
}

li.vap-search-result-item-hover .hd h3 a:hover {
    color: #005095;
    text-decoration: none;
}

.paginator-wrap .search-info {
    text-align: center;
}

/* ----------------- VAP Search Facet Portlet ----------------------- */

.vap-facet-search-wrap {
    border: 3px solid #e4edf9;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */
    margin: 10px 0;
    padding: 15px;
    position: relative; /* Position relative needed for css3pie.htc to work properly */
}

.vap-facet-search-wrap-empty {
    display: none;
}

.vap-facet-search-wrap h2 {
    color: #2c6fa7;
    font-size: 1.4em;
    margin: 0 0 0.4em 0;
}

.vap-available-facets label {
    font-weight: normal;
}

.vap-facet-search-wrap .aui-field-choice {
    display: block;
    margin: 10px 0;
}

.vap-facet-search-wrap .aui-field-input-choice {
    margin-top: 2px;
}

.vap-facet-search-wrap .facet-items-label {
    font-weight: bold;
    margin-bottom: 5px;
}

.vap-facet-search-wrap .vap-button-row {
    margin: 10px 0 0 0;
}

.vap-facet-search-button {
    float: right;
}

.vap-field-wrapper-facets label {
    font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: normal;
}

ul.vap-facet-list {
    list-style: none;
    margin: 10px 0;
    padding: 0;
}

ul.vap-facet-list li {
    margin: 10px 0;
    padding: 0;
}

ul.vap-facet-list li a.facet-link {
    background: transparent none left center no-repeat;
    color: #555;
    display: block;
    height: 16px;
    font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.1em;
    line-height: 1.1;
    padding: 0 0 0 20px;
    text-decoration: none;
}

ul.vap-facet-list li a.facet-link:hover {
    color: #000;
}

ul.vap-facet-list li a.facet-link-add {
    background-image: url(../images/common/add.png);
}

ul.vap-facet-list li a.facet-link-remove {
    background-image: url(../images/common/close.png);
}


/* ----------------- VAP Project Navigation Portlet ----------------------- */

.vap-project-navigation-wrap > h2 {
    background: #327ebd;
    border: 1px solid #327ebd;
    border-width: 1px 1px 0 1px;
    behavior: url(/rp-new-theme/htc/css3pie.htc);
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    color: #fff;
    font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 10px;
    position: relative;
}

ul.vap-project-navigation-list {
    border: 1px solid #327ebd;
    border-width: 0 1px 1px 1px;
    behavior: url(/rp-new-theme/htc/css3pie.htc);
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    list-style: none;
    margin: 0;
    padding: 10px 5px;
    position: relative;
}

ul.vap-project-navigation-list li {
    border-bottom: 1px solid #d3dbe6;
    margin: 0;
    padding: 0;
}

ul.vap-project-navigation-list li a,
ul.vap-project-navigation-list li a:visited {
    color: #333;
    display: block;
    padding: 10px 5px;
    text-decoration: none;
}

ul.vap-project-navigation-list li a:hover {
    background: #e4edf9;
    text-decoration: none;
}

ul.vap-project-navigation-list li .title {
    color: #005095;
    font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
}

ul.recent-blog-entries li .content,
ul.recent-blog-entries li .extra {
    color: #333;
    padding: 2px 0;
}

ul.recent-blog-entries li .content {
}

ul.recent-blog-entries li .content p {
    margin: 0;
    padding: 0;
}

ul.recent-blog-entries li .extra {}

/* ----------------- VAP Project Display Portlet ----------------------- */

.vap-project-display-wrap h2.title {
    color: #005095;
}

/* ----------------- VAP Latest Documents Portlet ----------------------- */

ul.vap-latest-documents {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.vap-latest-documents li {
    margin: 10px 0;
}

ul.vap-latest-documents li a {
    text-decoration: none;
}

ul.vap-latest-documents li a:hover {
    text-decoration: none;
}

/* ----------------- VAP View Document Portlet ----------------------- */

.vap-view-document-wrap {}

.vap-view-document-wrap h2.title {}

.vap-view-document-wrap .extracted-html {}




/*----------------------------------------------------------------------
=Articles
----------------------------------------------------------------------*/

/*------- All articles -------*/

.journal-content-article {}

/*------- All articles -------*/

.journal-content-article {}

/*------- News Box -------*/

.news-box-wrap {
    border: 1px solid #2c6fa7;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */
    margin: 10px 0;
    padding: 6px;
    position: relative; /* Position relative needed for css3pie.htc to work properly */
}

.news-box {
    position: relative;
}

.news-box a,
.news-box a:link,
.news-box a:hover {
    text-decoration: none;
}

.news-box a.news-box-link {
    background: #fff;
    cursor: pointer;
    display: block;
    height: 220px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.news-box .news-box-link-content {
    padding: 10px;
}


.news-box-image-wrap {
    float: left;
    width: 30%;
}

.news-box a h1 {
    color: #2c6fa7;
    font-size: 26px;
    margin: 5px 0;
    padding: 0;
}

.news-box-description-wrap {
    background: url(../images/bg/bg_fff.gif) repeat 0 0;
    float: right;
    width: 69%;
}

.news-box a h2 {
    color: #555;
    font-size: 18px;
    margin: 5px 0;
    padding: 0;
}

.news-box .span-btn {
    background: #317cbb;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */
    color: #fff;
    display: block;
    float: right;
    font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
    font-size: 24px;
    text-align: center;
    padding: 10px 15px;
    margin: 0;
    position: relative; /* Position relative needed for css3pie.htc to work properly */
}

.news-box-js .aui-carousel {
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
}

.news-box-js .aui-carousel-item {
    opacity: 0;
}

.news-box .aui-carousel menu {
    background: #2c6fa7;
    bottom: 0px;
    margin: 0;
    padding: 3px;
    position: absolute;
    right: 0px;
    width: 100%;
    z-index: 4;
}

.news-box-js .aui-carousel-menu-item {
    border: 1px solid transparent;
}

.news-box-js .aui-carousel-menu-active {
    border: 1px solid #474A4B;
}

.news-box-js .aui-carousel-menu-pause,
.news-box-js .aui-carousel-menu-play,
.news-box-js .aui-carousel-menu-prev,
.news-box-js .aui-carousel-menu-next {
    /*display: none;*/
}


.news-box-menu-wrap {
    background: #2c6fa7;
    padding: 10px;
}

ul.news-box-menu {
    float: right;
    margin: 0;
    padding: 0;
    position: relative;
}

ul.news-box-menu li {
    background: #80a9ca;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /* Needs an absolute path */
    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */
    cursor: pointer;
    float: left;
    font-size: 0;
    height: 10px;
    width: 10px;
    list-style-type: none;
    margin: 0 3px;
    padding: 0;
    /* Position relative needed for css3pie.htc to work properly */
    position: relative;
    text-indent: -9999em;
}

ul.news-box-menu li.aui-carousel-menu-active {
    background: #fff;
}

.news-box-menu .aui-carousel-menu-pause,
.news-box-menu .aui-carousel-menu-prev,
.news-box-menu .aui-carousel-menu-next {
    display: none;
}

/*------- VAP Navigation -------*/

.vap-navigation-wrap {
    border-bottom: 1px solid #e4edf9;
    margin: 0 0 15px 0;
    position: relative;
}

.vap-navigation-wrap h1 {
    float: left;
    margin: 0;
    max-width: 39.9%;
}

ul.vap-navigation {
    bottom: 0;
    float: right;
    list-style: none;
    margin: 0;
    max-width: 59.9%;
    padding: 0;
    position: absolute;
    right: 0;
}

ul.vap-navigation li {
    float: left;
    margin: 0 10px;
    padding: 0;
    position: relative;
}

ul.vap-navigation li a {
    background: transparent;
    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    color: #555;
    display: block;
    font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.3em;
    padding: 10px 15px;
    position: relative;
    text-decoration: none;
}

ul.vap-navigation li a:hover {
    background: #e4edf9;
}

ul.vap-navigation li.selected a {
    background: #e4edf9;
    color: #255d8c;
}

/*------- VAP Intro -------*/

.vap-intro-wrap {
    margin: 10px 0;
}

.vap-intro-wrap .vap-intro {
    float: left;
    width: 69.9%;
}

.vap-intro-wrap .vap-help {
    float: right;
    width: 29.9%;
}

.vap-intro .vap-intro-content {
    padding: 0 20px 0 0;
}

.vap-help .vap-help-content {
    padding: 0 0 0 10px;
}

.vap-intro p {
    font-size: 1.2em;
    margin: 0;
    padding: 10px 0;
}

.vap-help h3 {
    background: transparent url(../images/arrows/arrow-curved.png) top right no-repeat;
    color: #005095;
    margin: 0;
    padding: 10px 52px 10px 0;
}

.vap-help p {
    font-size: 1.2em;
}

/*------- Recent blog entries -------*/

.recent-blog-entries-wrap {

}

.recent-blog-entries-wrap h3.recent-blog-entries-title {
    background: #327ebd;
    border: 1px solid #327ebd;
    border-width: 1px 1px 0 1px;

    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;

    color: #fff;

    font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
    font-size: 16px;

    margin: 0;
    padding: 10px;

    position: relative;

}

ul.recent-blog-entries {
    border: 1px solid #327ebd;
    border-width: 0 1px 1px 1px;

    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;

    list-style: none;
    margin: 0;
    padding: 10px 5px;

    position: relative;
}

ul.recent-blog-entries li {
    border-bottom: 1px solid #d3dbe6;
    margin: 0;
    padding: 0;
    /*padding: 5px 0;*/
}

ul.recent-blog-entries li a,
ul.recent-blog-entries li a:visited {
    color: #333;
    display: block;
    padding: 10px 5px;
    text-decoration: none;
}

ul.recent-blog-entries li a:hover {
    background: #e4edf9;
    text-decoration: none;
}

ul.recent-blog-entries li .title {
    color: #005095;
    font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
}

ul.recent-blog-entries li .content,
ul.recent-blog-entries li .extra {
    color: #333;
    padding: 2px 0;
}

ul.recent-blog-entries li .content {
}

ul.recent-blog-entries li .content p {
    margin: 0;
    padding: 0;
}

ul.recent-blog-entries li .extra {}

/*----------------------------------------------------------------------
=Debugging
----------------------------------------------------------------------*/

/*------- YUI Console -------*/

.yui3-separate-console{position:absolute;right:1em;top:1em;z-index:999;}

.yui3-inline-console{display:-moz-inline-stack;display:inline-block;*display:inline;zoom:1;vertical-align:top;}

.yui3-inline-console 
.aui-console-content{position:relative;}

.aui-console-content{background:#777;_background:#D8D8DA url(../images/console/bg.png) repeat-x 0 0;font:normal 13px/1.3 Arial,sans-serif;text-align:left;border:1px solid #777;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}

.aui-console-hd,

.aui-console-bd,

.aui-console-ft{position:relative;}

.aui-console-hd,

.aui-console-controls{text-align:right;}

.aui-console-hd{background:#D8D8DA url(../images/console/bg.png) repeat-x 0 0;padding:1ex;border:1px solid transparent;_border:0 none;border-top-right-radius:10px;border-top-left-radius:10px;-moz-border-radius-topright:10px;-moz-border-radius-topleft:10px;-webkit-border-top-right-radius:10px;-webkit-border-top-left-radius:10px;}

.aui-console-bd{background:#fff;border-top:1px solid #777;border-bottom:1px solid #777;color:#000;font-size:11px;overflow:auto;overflow-x:auto;overflow-y:scroll;_width:100%;}

.aui-console-ft{background:#D8D8DA url(../images/console/bg.png) repeat-x 0 0;border:1px solid transparent;_border:0 none;border-bottom-right-radius:10px;border-bottom-left-radius:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px;}

.aui-console-controls{padding:4px 1ex;zoom:1;}

.aui-console-title{color:#000;display:inline;float:left;font-weight:bold;font-size:13px;height:24px;line-height:24px;margin:0;padding-left:1ex;}

.aui-console-pause-label{float:left;}

.aui-console-button{line-height:1.3;}

.aui-console-collapsed 
.aui-console-bd,

.aui-console-collapsed 
.aui-console-ft{display:none;}

.aui-console-content
.aui-console-collapsed{-webkit-border-radius:0;}

.aui-console-collapsed 
.aui-console-hd{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:0;}

.aui-console-entry{border-bottom:1px solid #aaa;min-height:32px;_height:32px;}

.aui-console-entry-meta{margin:0;overflow:hidden;}

.aui-console-entry-content{margin:0;padding:0 1ex;white-space:pre-wrap;word-wrap:break-word;}

.aui-console-entry-meta 
.aui-console-entry-src{color:#000;font-style:italic;font-weight:bold;float:right;margin:2px 5px 0 0;}

.aui-console-entry-meta 
.aui-console-entry-time{color:#777;padding-left:1ex;}

.aui-console-entry-warn 
.aui-console-entry-meta 
.aui-console-entry-time{color:#555;}

.aui-console-entry-info 
.aui-console-entry-meta 
.aui-console-entry-cat,

.aui-console-entry-warn 
.aui-console-entry-meta 
.aui-console-entry-cat,

.aui-console-entry-error 
.aui-console-entry-meta 
.aui-console-entry-cat{display:none;}

.aui-console-entry-warn{background:#aee url(../images/console/warn_error.png) no-repeat -15px 15px;}

.aui-console-entry-error{background:#ffa url(../images/console/warn_error.png) no-repeat 5px -24px;color:#900;}

.aui-console-entry-warn 
.aui-console-entry-content,

.aui-console-entry-error 
.aui-console-entry-content{padding-left:24px;}

.aui-console-entry-cat{text-transform:uppercase;padding:1px 4px;background-color:#ccc;}

.aui-console-entry-info 
.aui-console-entry-cat{background-color:#ac2;}

.aui-console-entry-warn 
.aui-console-entry-cat{background-color:#e81;}

.aui-console-entry-error 
.aui-console-entry-cat{background-color:#b00;color:#fff;}

.aui-console-hidden{display:none;}

/* Position the console so that it does not hide the sidebar */
.yui3-separate-console{
    right: 400px;
    top: 100px;
}


/*----------------------------------------------------------------------
=Sandbox
----------------------------------------------------------------------*/

/*------- VAP -------*/

ul.vap-search-results .hd-controls .flag,
ul.vap-search-results .hd-controls .link-btn-save {
    display: block;
    float: left;
    position: relative;
    margin: 0 5px 0 0;
}

ul.vap-search-results .hd-controls .link-btn-save {
    background: #f5f5f5 url(../images/forms/button.png) repeat-x 0 0;
    border: 1px solid;
    border-color: #dedede #bfbfbf #bfbfbf #dedede;
    color: #34404f;
    cursor: pointer;
    font-weight: bold;
    overflow: visible;
    padding: 5px;
    text-decoration: none;
    width: auto;

    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;

    behavior: url(/rp-new-theme/htc/css3pie.htc); /* Needs an absolute path */
}

.aui-vap-bookmark-button-overlay .aui-overlay-content {
    background: #fff;

    /* behavior: url(/rp-new-theme/htc/css3pie.htc); */ /* Needs an absolute path */
    /*
     border: 1px solid #e4edf9;
     -moz-box-shadow: 1px 1px 4px #777;
     -webkit-box-shadow: 1px 1px 4px #777;
     box-shadow: 1px 1px 4px #777;
     */
    position: relative;
}